body {
	background-color: #fff;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#666;
	padding:0;
	margin:0;

}

/* -----------------FLASHINHALTE in DIVs OHNE getrichelte Linien anzeigen im ganzen projekt (:focus {outline: 0; } )--------------------- */
:focus {outline: 0; }


a:link {color:#333333; text-decoration:none}
a:visited {color:#333333; text-decoration:none}
a:hover {color: #cccccc; text-decoration:none}
a:active {color:#000000; text-decoration:none}



h1 {
font-size: 12px;
word-spacing: 0px;
text-transform:uppercase;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0 
}

h2 {
text-transform:uppercase;
font-size:17px;
font-weight: bold;
padding: 10px 0px;
margin:0px;}

h3 {
font-size:30px;
font-weight: normal;
padding:15px 0px;
margin:0px;}


h4 {
font-size: 11px;
text-transform:uppercase;
border-top:0px solid #564b47;
border-bottom:0px solid #564b47;
padding:5px 15px;
margin:0 
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 980px;
margin-bottom: 0px;
margin:0 auto;
border-width:0px;
border-style:solid;
}

/* -----------flashfilm mit navigation und logo obrn (oder unten)--------------------------- */
#header {
	display: block;
	width: 980px;
	height: 80px;
	margin-top: 25px;
	float: right;
}

#banner img {padding:10px 0px;} 

/* -----------------Inhalt auf Unterseiten--------------------- */
#content {
background-color: #ffffff;
padding: 0;
margin: 0 0px;
}
div#content { float:left;

}


#textillu {
background-color: #ffffff;
float: left;
width: 196px;
height: 176px;
margin: 0px;
padding: 0px;
}


p, pre{
padding: 5px 10px;
margin:0;
}

/* -------------- Spalte 1 ------------- */
#hauptinhalt {
display: block;
clear: both;
width: 980px;
height: 440px;
margin: 0px;
padding: 0px;
text-indent: 0px;
}

#mittekomplett {
display: block;
text-indent: 0px;
float: left;
width: 980px;
height: 440px;
margin: 0px;
padding: 0px;
}

#oben {
display: block;
text-indent: 0px;
background-color: #ffffff;
width: 980px;
height: 100px;
margin: 0px;
padding: 0px;
}

#mitte {
display: block;
text-indent: 0px;
background-color: #ffffff;
width: 980px;
height: 118px;
margin: 0px;
padding: 0px;
}


#unten {
display: block;
text-indent: 0px;
background-color: #ffffff;
text-align:right
width: 980px;
height: 322px;
margin: 0px;
padding: 0px;
}

#center {
	display: block;
	text-indent: 0px;
	float: left;
	width:43px;
	margin: 0;
	padding: 0;
}

#produktslide {
	display: block;
	float: left;
	width:622px;
	height: 322px;
	margin: 0;
	padding: 0;
}

#produkttext {
	display: block;
	text-indent: 0px;
	float: right;
	width:358px;
	height: 322px;
	margin: 0;
	padding: 0;
}


/* -----------flashfilm mit navigation und logo obrn (oder unten)--------------------------- */
#navifilm {
	display: block;
	width: 980px;
	height: 80px;
	margin-top: 25px;
	float: right;
}

/* -----------footer--------------------------- */
#fuss {
	display: block;
	text-indent: 0px;
	margin:0 auto;
	clear: both;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	overflow:hidden;
	text-align: right;
	font: 12px;
	font-weight: bold;
	font-variant: small-caps;
}
/* -----------stichworte--------------------------- */
#stichworte {
	display: block;
	clear: both;
	margin: 0px;
	padding-top: 12px;
	text-align: center;
	font: 10px;
	font-variant: small-caps;
}


/* --------FLASHLAYER------------*/

#Layer1 {
position:absolute; 
left:216px; 
top:96px; 
width:980px; 
z-index:2 
}